import React from 'react';
import {connect} from 'dva';
import {Tabs} from 'antd';
import BaseComponent from "components/Base/BaseComponent";
import './style/index.less';
import List1Demo from "./List1Demo";
import List2Demo from "./List2Demo";
import ListLoadMoreDemo from "./ListLoadMoreDemo";

const TabPane = Tabs.TabPane;

@connect()
export default class extends BaseComponent {

  callback = (key) => {
    console.log(key);
  }


  render() {
    return (
      <Tabs defaultActiveKey="1" onChange={this.callback}>
        <TabPane tab="Tab 1" key="1"><List1Demo/></TabPane>
        <TabPane tab="Tab 2" key="2"><List2Demo/></TabPane>
        <TabPane tab="Tab 3" key="3"><ListLoadMoreDemo/></TabPane>
      </Tabs>
    );
  }
}
